import type { IconProps } from "@tabler/icons-react"
import { memo } from "react"

const IconLark = memo(function IconLark({ size }: IconProps) {
	return (
		<svg
			xmlns="http://www.w3.org/2000/svg"
			width={size}
			height={size}
			viewBox={`0 0 ${size} ${size}`}
			fill="none"
		>
			<g clipPath="url(#clip0_735_102278)">
				<path
					d="M14.216 6.56241C14.0664 6.41844 13.9677 6.22977 13.9347 6.02482C13.9017 5.81987 13.9362 5.60974 14.033 5.42609C14.1298 5.24244 14.2836 5.09522 14.4713 5.00661C14.6591 4.91801 14.8705 4.89281 15.0738 4.93482C15.0984 4.93978 15.1238 4.93877 15.1478 4.93187C15.1719 4.92497 15.194 4.91238 15.2122 4.89517L20.5036 0L5.16089 10.0764L10.3139 10.4643L14.216 6.56241Z"
					fill="#00D3B4"
				/>
				<path
					d="M0.77771 5.6973L5.16092 10.0764L20.5036 0L0.77771 5.6973Z"
					fill="#00EED4"
				/>
				<path
					d="M15.8828 5.5667C15.8659 5.58488 15.8535 5.60683 15.8468 5.63073C15.8401 5.65463 15.8392 5.67979 15.8441 5.70412C15.8864 5.9075 15.8614 6.11912 15.7729 6.30706C15.6844 6.495 15.5372 6.64906 15.3535 6.746C15.1698 6.84295 14.9595 6.87751 14.7544 6.84448C14.5493 6.81145 14.3605 6.71263 14.2165 6.56291L10.3146 10.4638L10.6994 15.62L20.7789 0.27533L15.8828 5.5667Z"
					fill="#0069FF"
				/>
				<path
					d="M20.7789 0.27533L10.6994 15.619L15.0807 20L20.7789 0.27533Z"
					fill="#007FFF"
				/>
			</g>
			<defs>
				<clipPath id="clip0_735_102278">
					<rect width={size} height={size} fill="white" transform="translate(0.77771)" />
				</clipPath>
			</defs>
		</svg>
	)
})

export default IconLark
